<script lang="ts" setup>
  defineProps({
    user: {
      type: Object,
      default: () => {
        return { name: '', username: '' };
      }
    },
    dateShow: { type: String, default: '' },
    timeShow: { type: String, default: '' }
  });
</script>
<template>
  <div>
    <p>
      <span>当前时间: {{ dateShow }}</span>
      <span class="text-red">{{ timeShow }}</span>
    </p>
    <h1>
      <b>{{ user.name }}: {{ user.username }}</b>
    </h1>
  </div>
</template>
